<!DOCTYPE html>
<HTML>

	<HEAD>
		<TITLE> ZTREE DEMO </TITLE>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="css/demo.css" type="text/css">
		<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
		<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript" src="js/jquery.ztree.all.min.js"></script>
		<SCRIPT LANGUAGE="JavaScript">
			var zTreeObj;
			// zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
			var setting = {};
			// zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
			var zNodes = [
				{
					name:"node1",
					open:true,
					children:[{name:"儿子1"},{name:"儿子2"}]
				},
				{
					name:"node2"	
			
				}];
			
			$(document).ready(
				function() {
					//第一个参数是jQuery对象，第二个：关于这棵树的配置，第三个：数据
					zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
				}
			);
		</SCRIPT>
	</HEAD>

	<BODY>
		<div>
			<ul id="treeDemo" class="ztree"></ul>
		</div>
	</BODY>

</HTML>